<!--
  工会帮扶救助工作人员用户主页
-->
<template>
  <div class="home" v-if=this.$store.state.login_status>

    <el-container class="container_content">
<!--   工会帮扶救助工作人员用户主页侧边栏-->
      <el-aside width="250px" class="aside-content">
        <el-row>
          <el-col class="side">
            <el-menu
              default-active="1"
              class="el-menu-vertical">
<!--              档案管理模块入口-->
              <el-submenu index="1">
                  <span slot="title">
                    <i class="el-icon-menu"></i>
                    <el-link  :underline=false>档案管理</el-link>
                  </span>
                <el-menu-item-group>
                  <el-menu-item index="1-1">
                    <i class="el-icon-document"></i>
                    <el-link href="#/index/admin/management/unreviewed" :underline=false>未审核档案管理</el-link>
                  </el-menu-item>
                  <el-menu-item index="1-2">
                    <i class="el-icon-edit-outline"></i>
                    <el-link href="#/index/admin/management/passed" :underline=false>合格档案管理</el-link>
                  </el-menu-item>
                  <el-menu-item index="1-3">
                    <i class="el-icon-edit-outline"></i>
                    <el-link href="#/index/admin/management/unqualified" :underline=false>不合格档案管理</el-link>
                  </el-menu-item>
                  <el-menu-item index="1-4">
                    <i class="el-icon-edit-outline"></i>
                    <el-link href="#/index/admin/management/cancelled" :underline=false>已注销档案管理</el-link>
                  </el-menu-item>
                </el-menu-item-group>
              </el-submenu>
<!--              补助发放管理模块入口-->
              <el-menu-item index="2">
                <i class="el-icon-search"></i>
                <span slot="title">
                    <el-link href="#/index/admin/subsidy" :underline=false>补助发放管理</el-link>
                  </span>
              </el-menu-item>

<!--              资金管理模块入口-->
              <el-menu-item index="3">
                <i class="el-icon-search"></i>
                <span slot="title">
                    <el-link href="#/index/admin/fundManagement" :underline=false>资金管理</el-link>
                  </span>
              </el-menu-item>
<!--              数据信息统计模块入口-->
              <el-submenu index="4">
                  <span slot="title">
                    <i class="el-icon-menu"></i>
                    <el-link  :underline=false>数据信息统计</el-link>
                  </span>
                <el-menu-item-group>
                  <el-menu-item index="4-1">
                    <i class="el-icon-document"></i>
                    <el-link href="#/index/admin/statistics/staIncome" :underline=false>职工收入情况统计</el-link>
                  </el-menu-item>
                  <el-menu-item index="4-2">
                    <i class="el-icon-edit-outline"></i>
                    <el-link href="#/index/admin/statistics/staRelief" :underline=false>补助发放情况统计</el-link>
                  </el-menu-item>
                </el-menu-item-group>
              </el-submenu>
              <!--政策文件管理模块入口-->
              <el-menu-item index="5">
                <i class="el-icon-setting"></i>
                <span slot="title">
                    <el-link href="#/index/admin/policy" :underline=false>政策文件管理</el-link>
                  </span>
              </el-menu-item>
            </el-menu>
          </el-col>
        </el-row>
      </el-aside>

      <el-container>
        <el-main>
          <router-view></router-view>
        </el-main>
      </el-container>

    </el-container>
  </div>
</template>

<script>

export default {
  name: 'Admin',
  methods: {
  }
}

</script>
<!--管理员主页样式-->
<style scoped>
.container_header i{
  cursor: pointer;
  transition: 0.3s;
}
.container_header i:hover{
  color: #00b0ff;
}
.home {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.aside-content {
  height: 100%;
  overflow: hidden;
}
.el-menu-vertical[data-v-619f20c8] {
  height: 610px;
}
.el-menu-vertical{
  height: 590px;
}
</style>
